<% include header.ejs %>
<section class="mod-banner-wrap">
    <div class="banner-wrap">
        <ul class="list-unstyled banner-bg">
            <li>
                <div class="fadeInLong" style="background:url(../../images/banner/banner1-2_bg.jpg) no-repeat 100% 100%;"></div>
                <div class="fadeOutLong" style="background:url(../../images/banner/banner1-1_bg.jpg) no-repeat 100% 100%;"></div>
            </li>
            <li>
                <div class="fadeInLong" style="background:url(../../images/banner/banner2-2_bg.jpg) no-repeat 100% 100%;"></div>
                <div class="fadeOutLong" style="background:url(../../images/banner/banner2-1_bg.jpg) no-repeat 100% 100%;"></div>
            </li>
            <li>
                <div class="fadeInLong" style="background:url(../../images/banner/banner3-2_bg.jpg) no-repeat 100% 100%;"></div>
                <div class="fadeOutLong" style="background:url(../../images/banner/banner3-1_bg.jpg) no-repeat 100% 100%;"></div>
            </li>
            <li>
                <div class="fadeInLong" style="background:url(../../images/banner/banner4-2_bg.jpg) no-repeat 100% 100%;"></div>
                <div class="fadeOutLong" style="background:url(../../images/banner/banner4-1_bg.jpg) no-repeat 100% 100%;"></div>
            </li>
            <li>
                <div class="fadeInLong" style="background:url(../../images/banner/banner5-2_bg.jpg) no-repeat 100% 100%;"></div>
                <div class="fadeOutLong" style="background:url(../../images/banner/banner5-1_bg.jpg) no-repeat 100% 100%;"></div>
            </li>
            <li>
                <div class="fadeInLong" style="background:url(../../images/banner/banner6-2_bg.jpg) no-repeat 100% 100%;"></div>
                <div class="fadeOutLong" style="background:url(../../images/banner/banner6-1_bg.jpg) no-repeat 100% 100%;"></div>
            </li>
        </ul>

        <ul class="list-unstyled banner-img">
            <li onClick="javascript:window.location.href='#';">
                <img class="banner1_1" src="/images/banner/banner1_1.png" alt="">
                <img class="banner1_2" src="/images/banner/banner1_2.png" alt="">
            </li>
            <li onClick="javascript:window.location.href='#';">
                <img class="banner2_1" src="/images/banner/banner2_1.png" alt="">
                <img class="banner2_2" src="/images/banner/banner2_2.png" alt="">
            </li>
            <li onClick="javascript:window.location.href='#';">
                <img class="banner3_1" src="/images/banner/banner3_1.png" alt="">
                <img class="banner3_2" src="/images/banner/banner3_2.png" alt="">
            </li>
            <li onClick="javascript:window.location.href='#';">
                <img class="banner4_1" src="/images/banner/banner4_1.png" alt="">
                <img class="banner4_2" src="/images/banner/banner4_2.png" alt="">
            </li>
            <li onClick="javascript:window.location.href='#';">
                <img class="banner5_1" src="/images/banner/banner5_1.png" alt="">
                <img class="banner5_2" src="/images/banner/banner5_2.png" alt="">
            </li>
            <li onClick="javascript:window.location.href='#';">
                <img class="banner6_1" src="/images/banner/banner6_1.png" alt="">
                <img class="banner6_2" src="/images/banner/banner6_2.png" alt="">
            </li>
        </ul>

        <div class="banner-menu">
            <!--<ul class="list-unstyled banner-menu-set">
                <li class=""></li>
                <li class="img-item1"></li>
                <li class="img-item2"></li>
                <li class="img-item3"></li>
                <li class="img-item4"></li>
                <li class="img-item5"></li>
            </ul>-->
            <div class="banner-next"><img src="/images/focus/nextArrow.png" alt="NEXT"></div>
            <div class="banner-prev"><img src="/images/focus/prevArrow.png" alt="PREV"></div>
        </div>

    </div>
</section>
<section class="mod-ser-wrap">
    <div class="container">
        <ul class="list-unstyled">
            <li class="ser-item">
                <a class="img-item1" href="#"></a>
                <a class="title-item1"  href="#">品牌传播</a>
                <ol class="list-unstyled">
                    <li>品牌标志策略与设计</li>
                    <li>VI视觉识别系统设计</li>
                    <li>广告策略及创意设计</li>
                    <li>品牌传播年度服务</li>
                </ol>
            </li>
            <li class="ser-item" style="padding-left: 19px">
                <a class="img-item2" href="#"></a>
                <a class="title-item2" href="#">环境导视</a>
                <ol class="list-unstyled">
                    <li>环境导视系统规划与设计</li>
                    <li>空间规划与设计</li>
                    <li>企业展厅展览规划与设计</li>
                    <li>企业活动会议规划与设计</li>
                </ol>
            </li>
            <li class="ser-item" style="padding-left: 41px">
                <a class="img-item3" href="#"></a>
                <a class="title-item3" href="#">物料包装</a>
                <ol class="list-unstyled">
                    <li>企业年报画册设计与制作</li>
                    <li>工艺礼品道具设计与制作</li>
                    <li>产品标识包装设计与摄影</li>
                    <li>产品传播设计</li>
                </ol>
            </li>
            <li class="ser-item" style="padding-left: 63px">
                <a class="img-item4" href="#"></a>
                <a class="title-item4" href="#">网站建设</a>
                <ol class="list-unstyled">
                    <li>网站规划设计与实施</li>
                    <li>互动体验网站设计</li>
                    <li>数字品牌年度管家维护</li>
                    <li>APP与移动网站开发</li>
                </ol>
            </li>
            <li class="ser-item" style="padding-left: 85px">
                <a class="img-item5" href="#"></a>
                <a class="title-item5" href="#">品牌传播</a>
                <ol class="list-unstyled">
                    <li>广告宣传片拍摄</li>
                    <li>微电影定制</li>
                    <li>动画创意制作</li>
                    <li>影视后期制作</li>
                </ol>
            </li>
        </ul>
    </div>
</section>


<section class="mod-case-wrap">
    <div class="container">
        <div class="mod-title">
            <ul class="more list-unstyled mt20">
                <li><a href="">品牌传播</a><span>●</span></li>
                <li><a href="">环境导示</a><span>●</span></li>
                <li><a href="">物料包装</a><span>●</span></li>
                <li><a href="">网络建设</a><span>●</span></li>
                <li><a href="">视频创意</a></li>
            </ul>
            <h2 class="title-case">公司案例</h2>
        </div>
        <div class="title-line"></div>
        <div id="portfoliolist" class="mod-case-inner">
            <% for(i = 1;i <= 12;i++){ %>
            <div class="portfolio mix_all map-item">
                <div class="portfolio-wrapper">
                    <a href="#" class="b-link-stripe b-animate-go">
                        <img src="images/case<%= i %>.jpg" width="270" height="197"/>
                        <div class="b-wrapper">
                            <h4 class="b-animate b-from-left">郑州银行</h4>

                            <p class="b-animate b-from-left">标志设计 VI设计</p>
                        </div>
                    </a>
                </div>
            </div>
            <% } %>
        </div>
    </div>
</section>

<section class="mod-about-wrap">
    <div class="container">
        <div class="mod-title">
            <h2 class="title-about">ABOUT US</h2>
        </div>
        <div class="title-line"></div>

        <div class="mod-about-inner clearfix">
            <div class="about-img">
                <figure><img class="img-responsive" src="images/about_img1.jpg" alt=""/></figure>
            </div>
            <div class="about-con">
                <p>泓睿企业形象设计有限公司，隶属于金象传媒集团。金象传媒集团旗下有泓睿企业形象设计、金象影业、金象微电影网、华真汉语、华真国学堂(十方书院)、北京华文景象传媒，是文化产业的领军企业。</p>

                <p>泓睿企业形象设计是一家提供企业形象设计、品牌视觉战略以及各类美学视觉设计服务的专业机构，是业界知名的设计机构。拥有一支多年的专业精英团队。</p>

                <p>
                    企业的经营理念、文化素质、经营方针、产品开发、商品流通等有关企业经营的所有因素。从信息这一观点出发，我们从文化、形象、传播的角度来进行筛选，找出企业具有的潜在力，找出他的存在价值及美的价值，加以整合，使他在信息社会环境中转换为有效的标识。
                    “创造价值持续性的品牌形象设计”是泓睿的经营理念。</p>
            </div>
            <div class="about-img">
                <figure><img class="img-responsive" src="images/about_img2.jpg" alt=""/></figure>
            </div>
        </div>
    </div>
</section>
<% include footer.ejs %>
